{include file="public/header"}

<script>
		function xianshi_and_yincang(tids){
			document.getElementById(tids).style.display="block";
		}
		function xianshi_and_yincang_s(tids){
			document.getElementById(tids).style.display="none";
		}
		function refreshVerifyReg() {
	        var ts = Date.parse(new Date()) / 1000;
	        $('#verify_img_reg').attr("src", "/captcha?id="+ts);
	    }
	</script>

<main class="outline" id="container">
  <div class="main register">
    <div class="register_forms">
      <h1>试玩注册</h1>
      <div class="form">
        <form method="post" action="{:url('Processing/tryPlay')}" enctype="application/x-www-form-urlencoded">
        <div class="form_group">
            <div class="column">
              <label for="">试玩账号</label>
              <input type="text" placeholder="试玩账号会随机生成，不用填写" readonly>
              <img class="success_icon" id="user_icon" src="" style="display:none"></div>
          </div>
          <div class="form_group">
            <div class="column">
              <label for="">
                <span class="form_required">*</span>登录密码</label>
              <input type="password" placeholder="请输入登录密码" name="reg_pass" id="password_input" maxlength="12">
              <img class="success_icon" id="password_icon" src="" style="display:none"></div>
          </div>
          <div class="form_group">
            <div class="column">
              <label for="">
                <span class="form_required">*</span>确认密码</label>
              <input type="password" placeholder="请再次输入密码" name="reg_pass_con" id="repassword" maxlength="12">
              <img class="success_icon" id="repassword_icon" src="" style="display:none"></div>
            <div id="repassword_tip" class="column column_tip" style="display:none">
              <span class="error_tip">密码不相等,请确认密码一致</span></div>
          </div>
		
		  <input type="submit" class="btn btn-radius btn-default btn-register" value="立即注册" style="width:240px; margin-left:180px" />
		  </form>
      </div>
    </div>
    <div class="jquery-modal blocker current" style="display:none">
      <div id="model_2" class="model_2 modal" style="display:none">
        <div class="model_header">
          <h1>温馨提醒</h1></div>
        <div class="model_body">
          <span id="model_content"></span>
        </div>
        <div class="foot_succ">
          <a class="btn btn-default btn-radius close">确定</a></div>
        <a rel="modal:close" class="close-modal close">Close</a></div>
    </div>
  </div>
</main>

{include file="public/footer"}
